<html>

<head>
    <title>slide</title>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width,minimum-scale=1,maximum-scale=1">
    <link rel="stylesheet" type="text/css" href="index.css">
    <script src="https://cdn.bootcss.com/jquery/3.3.1/jquery.min.js"></script>
    <script type="text/javascript" src="slide.js"></script>

</head>

<body>
    <div class="main">
        <div class="slide hahha">
            <div class="prev last"> &lt; </div>
            <div class="next next2"> &gt; </div>
            <div class="container container22">
                <div class="slide-item">
                    <img src="http://pcs4.clubstatic.lenovo.com.cn/data/attachment/forum/201612/10/233103seulzu11aiuic4to.jpg" alt="">
                </div>
                <div class="slide-item">
                    <img src="https://3ef.me/wp-content/uploads/2015/05/Piratefairy02.jpg" alt="">
                </div>
                <div class="slide-item">
                    <img src="http://a.hiphotos.baidu.com/zhidao/pic/item/c2cec3fdfc03924576a9fdbc8394a4c27d1e2560.jpg" alt="">
                </div>
                <div class="slide-item">
                    <img src="http://www.33lc.com/article/UploadPic/2012-8/2012891161074143.jpg" alt="">
                </div>
            </div>
        </div>
    </div>

    <script type="text/javascript">

        let s = null;

    	$(function(){
    		s = new slide({wrapper:'.hahha',container:'.container22',prev:'.last',next:'.next2',toggle:'mouse'});
    	});


    </script>
</body>

</html>